<div class="col-md-12">
    <div class="box grid-box">
        <button class="btn btn-danger btn-xs my-btn" data-toggle="modal" data-target="#homeIndex">血型表</button>
        <div id='calendar'></div>
        <div style="width:20%; padding-left:1%; padding-bottom: 2%">
            @if(!empty($user))
{{--                <select name="userId" class="form-control">--}}
{{--                    <option>请选择员工</option>--}}
{{--                    @foreach($user as $key => $value)--}}
{{--                        <option value="{{ $key }}">{{ $value }}</option>--}}
{{--                    @endforeach--}}
{{--                </select>--}}
            @endif
        </div>
        <div class="panel panel-default" style="margin: -2% 1% 2% 1%">
            <div class="panel-heading" style="font-size:20px;font-weight:500">详情</div>
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-striped">
                        <tboday>
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>员工名</th>
                                <th>意向客户总数</th>
                                <th>今日新增意向客户数</th>
                                <th>今日重点客户回访数</th>
                                <th>今日任务回访数</th>
                            </tr>
                            </thead>
                            <tbody>

                            @if(!is_null($data))
                                @foreach($data as $value)
                                    <tr>
                                        <td>{{ $value['id']  }}</td>
                                        <td>{{ $value['name']  }}</td>
                                        <td>{{ $value['total_count']  }}</td>
                                        <td>{{ $value['today_count']  }}</td>
                                        <td>{{ $value['customer_follow_count']  }}</td>
                                        <td>{{ $value['task_follow_count']  }}</td>
                                    </tr>
                                @endforeach
                            @endif

                            </tbody>
                        </tboday>
                    </table>
                </div>
            </div>
        </div>
        <div style="padding:.2em
        ">

        </div>
    </div>
</div>
<div class="modal fade" id="homeIndex" tabindex="-1" role="dialog" aria-labelledby="homeIndex" aria-hidden="true">
    <div class="modal-dialog modal-xs">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size: 36px;">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">ABO血型遗传规律表</h4>
            </div>
            <div class="modal-body">
                <table class="table table-striped">
                    <thead style="text-align:center">
                    <tr>
                        <th>父母血型</th>
                        <th>子女可能</th>
                        <th>子女不可能</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>O型+O型</td>
                        <td>O型</td>
                        <td>A型、B型、AB型</td>
                    </tr>
                    <tr>
                        <td>O型+A型</td>
                        <td>O型、A型</td>
                        <td>B型、AB型</td>
                    </tr>
                    <tr>
                        <td>O型+B型</td>
                        <td>O型、B型</td>
                        <td>A型、AB型</td>
                    </tr>
                    <tr>
                        <td>O型+AB型</td>
                        <td>A型、B型</td>
                        <td>O型、AB型</td>
                    </tr>
                    <tr>
                        <td>A型+A型</td>
                        <td>O型、A型</td>
                        <td>B型、AB型</td>
                    </tr>
                    <tr>
                        <td>A型+B型</td>
                        <td>A型、B型、O型、AB型</td>
                        <td>————————</td>
                    </tr>
                    <tr>
                        <td>A型+AB型</td>
                        <td>A型、B型、AB型</td>
                        <td>O型</td>
                    </tr>
                    <tr>
                        <td>B型+B型</td>
                        <td>O型、B型</td>
                        <td>A型、AB型</td>
                    </tr>
                    <tr>
                        <td>B型+AB型</td>
                        <td>A型、B型、AB型</td>
                        <td>O型</td>
                    </tr>
                    <tr>
                        <td>AB型+AB型</td>
                        <td>A型、B型、AB型</td>
                        <td>O型</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                {{--                <button type="button" class="btn btn-primary" onclick="customerEdit({{ $id }})">提交</button>--}}
            </div>
        </div>
    </div>

</div>
<script>
    $(function () {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            aspectRatio: 4,
            // height: 'auto',
            locale: 'zh-cn',
            initialView: 'dayGridMonth',
            buttonText: {
                today: '今天' // 直接覆盖按钮文本
            },
        });
        calendar.updateSize();
        calendar.render();
    });
</script>
<style>
    #calendar {
        padding: 0 1% 1% 1%;
        width: 100%;
        height: 100%;
    }

    .my-btn {
        margin: 1% 1% 0 1%;
    }
</style>
